<template>
  <div>
    <!-- -->
    <el-card>
      <div class="infoBox">
        <el-descriptions title="个人信息" :column="3">
          <el-descriptions-item label="姓名">饺子大王≧w≦</el-descriptions-item>
          <el-descriptions-item label="地址">湖北武汉</el-descriptions-item>
          <el-descriptions-item label="电话">17770783321</el-descriptions-item>
          <el-descriptions-item label="年龄">24岁</el-descriptions-item>
          <el-descriptions-item label="工作经验">4年</el-descriptions-item>
          <el-descriptions-item label="邮箱"
            >17770783321@163.com</el-descriptions-item
          >
        </el-descriptions>
      </div>
      <el-divider />
      <div class="skillBox">
        <el-descriptions title="技术栈"></el-descriptions>
        <el-collapse>
          <el-collapse-item title="一、网页布局" name="1">
            <div>
              1.精通DIV+CSS基本布局、浮动布局以及flex布局，能配合UI高效还原设计稿
            </div>
            <div>2.熟练使用流式布局、rem或者vw/vh来实现移动端的网页适配</div>
            <div>
              3.熟练使用常见的浏览器兼容解决方案，有PC项目和移动端的独立开发经验
            </div>
          </el-collapse-item>
          <el-collapse-item title="二、JavaScript" name="2">
            <div>1.熟练掌握ES6语法，原生JavaScript及jQuery</div>
            <div>
              2.熟练使用axios/ajax进行网络请求，并通过配置跨域代理解决跨域问题
            </div>
          </el-collapse-item>
          <el-collapse-item title="三、掌握框架" name="3">
            <div>1.熟练使用vue2/vue3全家桶进行项目开发</div>
            <div>
              2.熟练使用element-ui、ant-design-vue进行PC项目开发，vant进行移动端项目开发
            </div>
          </el-collapse-item>
          <el-collapse-item title="四、其他工具" name="4">
            <div>1.熟练使用npm/yarn/pnpm进行项目开发</div>
            <div>
              2.熟练使用van-weapp开发微信小程序，熟练使用uniApp进行混合开发H5/小程序/APP项目
            </div>
            <div>3.熟练使用echarts进行可视化项目的开发</div>
            <div>4.熟练使用git/svn进行版本控制，熟悉多人合作开发</div>
            <div>
              5.在后端接口没有准备好之前，使用mock进行接口模拟数据，从而提高开发效率
            </div>
          </el-collapse-item>
        </el-collapse>
      </div>
    </el-card>
  </div>
</template>

<script>
export default {
  name: 'myInfo',

  data() {
    return {}
  },

  mounted() {},

  methods: {},
}
</script>
<style lang="scss" scoped>
* {
  text-align: left;
}
::v-deep .el-descriptions__body {
  background: none;
}
</style>
